@charset"utf-8";
$fontsize: 40;
@function r($px) {
    @return $px/$fontsize*1rem
}
* {
    margin: 0;
    padding: 0;
    list-style: none;
}
html,
body {
    height: 100%;
    width: 100%;
}
.web {
    width: 100%;
    height: 100%;
    position: relative;
    background: #f7f7f7;
}
header {
    width: 100%;
    height: r(88);
    position: absolute;
    top: 0;
}
footer {
    width: 100%;
    height: 75px;
    background: red;
    position: absolute;
    bottom: 0;
}
section {
    width: 100%;
    background: #f7f7f7;
    top: r(88);
    bottom: 68px;
    position: absolute;
    overflow-y: scroll;
}
/**/
.whole {
    width: 93.65%;
    height: r(60);
    margin: r(14) auto 0;
    .img1 {
        line-height: r(60);
        float: left;
        display: block;
        width: r(22);
        height: r(37);
        img {
            width: 100%;
            height: 100%;
        }
    }
    .whole1 {
        width: 67.79%;
        height: 100%;
        margin: 0 auto;
        background: white;
        border-radius: r(5);
        border: r(1) solid #d62d31;
        .Full_order {
            color: white;
            width: 50%;
            height: 100%;
            background: #d62d31;
            border-radius: r(5);
            font-size: r(28);
            text-align: center;
            line-height: r(60);
        }
        .Rights_order {
            width: 50%;
            height: 100%;
            color: #D62D31;
            border-radius: 0.08rem;
            font-size: r(28);
            text-align: center;
            line-height: r(60);
        }
    }
    .search {
        width: 6.77%;
        height: r(60);
        img {
            width: 100%;
            height: 100%;
        }
    }
    .dot {
        display: inline-block;
        background: #fff;
        width: 0.3rem;
        height: 0.3rem;
        background: #d62d31;
        border-radius: 50%;
        margin: 0 0 0.1rem 0.2rem;
    }
}
.maruko {
    width: 100%;
    height: r(132);
    background: white;
    border-top: r(1) solid #e3e3e3;
    border-bottom: r(1) solid #e3e3e3;
    padding: r(20);
    img {
        width: r(90);
        height: r(90);
        margin-right: r(19);
    }
    .portrait {
        position: relative;
        .img1 {
            width: r(32);
            height: r(32);
            img {
                width: r(32);
                height: r(32);
                position: absolute;
                right: r(-20);
                top: r(-10);
            }
        }
    }
    .Greet_one {
        margin-left: r(8);
        width: r(475);
        height: r(32);
        font-size: r(22);
        margin-bottom: r(15);
        img {
            width: r(32);
            height: r(32);
            display: inline-block;
        }
    }
}
.search {
    width: 100%;
    height: r(87);
    background: white;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    padding: r(13) r(20);
    .news {
        width: r(600);
        height: r(60);
        border: r(1) solid #c1c1c1;
        padding-left: r(17);
        border-radius: r(5); //        padding: r(14) r(35) r(14) r(17);
        .search1 {
            display: inline-block;
            width: r(30);
            height: r(30);
            margin-top: r(0);
            img {
                width: 100%;
                height: 100%;
            }
        }
        input {
            height: 100%;
            margin-top: r(-6);
            color: #cccccc;
            width: r(506);
            background: #fff;
            height: r(30);
            border: 0;
            font-size: r(20);
            padding: 0 0 0 r(20);
            display: inline-block;
        }
    }
}
.one {
    color: #e16568;
}